<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <link rel="stylesheet" href="{{url('css/app.css')}}">
    <link rel="stylesheet" href="{{url('plug_in/sales/css/index.css')}}">
</head>
<body>
<div class="mc-pager" style="opacity: 1;">
    <button class="mc-pager_icon"><span class="mc-pager_iconInner d_jump" href="#content1">
            <el-step v-for="(item,index) in steps.step"
                     :key="item.title"
                     :title="item.title"
                     @click.native="jump(index)">
            </el-step>
        </span></button>
    <button class="mc-pager_icon"><span class="mc-pager_iconInner d_jump" href="#content2">
            <el-step v-for="(item,index) in steps.step"
                     :key="item.title"
                     :title="item.title"
                     @click.native="jump(index)">
            </el-step>
        </span></button>
    <button class="mc-pager_icon"><span class="mc-pager_iconInner d_jump" href="#content3">
            <el-step v-for="(item,index) in steps.step"
                     :key="item.title"
                     :title="item.title"
                     @click.native="jump(index)">
            </el-step>
        </span></button>
    <button class="mc-pager_icon"><span class="mc-pager_iconInner d_jump" href="#content4">
            <el-step v-for="(item,index) in steps.step"
                     :key="item.title"
                     :title="item.title"
                     @click.native="jump(index)">
            </el-step>
        </span></button>
    <button class="mc-pager_icon is-active"><span class="mc-pager_iconInner d_jump" href="#content5">
            <el-step v-for="(item,index) in steps.step"
                     :key="item.title"
                     :title="item.title"
                     @click.native="jump(index)">
            </el-step>
        </span>
    </button>
</div>
<div class="container-fluid">
    <div class="hero">
        <img src="{{url('plug_in/sales/images/driver-less/KeyvisualImage.jpg')}}" >
    </div>
    <div class="hero1" id="content1">
        <img src="{{url('plug_in/sales/images/driver-less/1.jpg')}}" >
    </div>
    <div class="hero2" id="content2">
        <img src="{{url('plug_in/sales/images/driver-less/2.jpg')}}" >
    </div>
    <div class="hero3" id="content3">
        <img src="{{url('plug_in/sales/images/driver-less/3.jpg')}}" >
    </div>
    <div class="hero4" id="content4">
        <img src="{{url('plug_in/sales/images/driver-less/4.jpg')}}" >
    </div>
    <div class="hero5" id="content5">
        <img src="{{url('plug_in/sales/images/driver-less/5.jpg')}}" >
    </div>
</div>
<script src="{{url('js/app.js')}}"></script>
<script src="{{url('plug_in/sales/js/test.js')}}"></script>
</body>
</html>